<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>this is photo work</title>
		<link rel="stylesheet" href="work01.css" />
	</head>
	<body>
		<div class="wrapper">
			<div class="mian-header">
				我的相冊
			</div>
			<aside class="mian-sidebar">
				<div class="header">
					<input class="my-input" id="albumName"/>
					<button class="my-button" id="addButton">添加相冊</button>
				</div>
				<div class="album-list" id="albumList">
				</div>
			</aside>
			<div class="mian-wrapper">
				<div class="photo-header">
					<a href="#" id="commitPhoto">添加圖片</a>
					<input type="file" class="file-input" id="fileInput" />
				</div>
				<div class="photo-content" id="photoList">
				</div>
				<div class="photo-page" id="phtotoPage">
					<ul>
						<span class="page-total" id="pageTotal">共0條</span>
						<li class="page-prev"><a title="上一頁" href="#" id="pagePrev" class="not-allow">上一頁</a></li>
						<li class="page-current-page"><a title="當前頁" id="pageCurrentPage" href="#">1</a></li>
						<li class="page-next"><a title="下一頁" id="pageNext" href="#" class="not-allow">下一頁</a></li>
						<div class="page-elevator">
							跳轉至
							<input id="elevatorValue" type="number" min="1" step="1"/>頁
						</div>
					</ul>
				</div>
			</div>
			<!--<footer class="main-footer">fdafdagdga</footer>-->
		</div>
	</body>
	<script type="text/javascript" src="work01.js"></script>
</html>
